<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>经济模拟器 - 上帝视角</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div id="start-screen" class="screen">
        <h1>经济模拟器</h1>
        <div class="button-container">
            <button id="start-btn" class="btn">开始游戏</button>
            <button id="continue-btn" class="btn">继续游戏</button>
            <button id="settings-btn" class="btn">游戏设定</button>
        </div>
    </div>

    <div id="scene-select-screen" class="screen hidden">
        <div class="scene-select-header">
            <h2>选择场景</h2>
            <button id="back-to-game-btn" class="btn">返回游戏</button>
        </div>
        <div class="scenes-container" id="scenes-container">
            <!-- 场景列表将在这里动态生成 -->
        </div>
    </div>

    <div id="game-screen" class="screen hidden">
        <div class="game-header">
            <div class="time-controls">
                <span>时间速率: </span>
                <select id="time-multiplier">
                    <option value="1">1倍</option>
                    <option value="2">2倍</option>
                    <option value="5">5倍</option>
                    <option value="8">8倍</option>
                </select>
            </div>
            <div class="time-display" id="game-time">第1天 06:00</div>
            <div class="scene-name" id="scene-name">城镇广场</div>
            <button id="scene-select-btn" class="scene-select-btn">回到场景选择</button>
        </div>
        
        <div class="game-main">
            <div class="interaction-log" id="interaction-log">
                <h3>交互历史</h3>
                <div class="log-content" id="log-content"></div>
            </div>
            
            <div class="scene-view" id="scene-view">
                <!-- 角色将在这里显示 -->
            </div>
        </div>

        <div class="game-footer">
            <div class="character-info" id="character-info">
                <h3>角色信息</h3>
                <div class="info-content" id="info-content"></div>
            </div>
            
            <div class="status-display">
                <div class="health-bar" id="health-bar">
                    <span>生命值: 100/100</span>
                </div>
                <div class="needs-display" id="needs-display">
                    <div>饥饿: 100%</div>
                    <div>口渴: 100%</div>
                    <div>精力: 100%</div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/professions.js"></script>
    <script src="js/material.js"></script>
    <script src="js/item.js"></script>
    <script src="js/items.js"></script>
    <script src="js/characters.js"></script>
    <script src="js/game.js"></script>
</body>
</html>